<!DOCTYPE html>
<html lang="en" id="html">
<head>
    <meta charset="UTF-8">
    <title>Derek's task system</title>
    <link type="text/css" rel="stylesheet" href="../stylesheets/allsite.css">
    <link type="text/css" rel="stylesheet" href="../stylesheets/managerLogin.css">
    <link rel="stylesheet" type="text/css" href="../../node_modules/bootstrap/dist/css/bootstrap.css">
</head>
<body>
<div id="head">
    <div id="head_row1">
        <div id="systemName">Derek's Task System</div>

    </div>
    <div id="head_row2">
        <div id="managerLoginNumberAndName"><< Back to home <<</div>
    </div>
</div>
<div id="body">
    <div id="userLogin">
        <h2>Manager Login,Please type your user Id and Password</h2>

        <form id="userForm">
            <div class="form-group">
            <div id="formRow1"><span>Manager ID:</span></div>
            <input type="text" id="managerID" class="form-control" >
            <div id="formRow2">
                <div>Password:</div>
                <input class="form-control" id="managerPassword" type="password">
            </div>
                <div id="loginInformation"></div>
            <div type="formRow3">
                <button class="btn btn-default" type="button" id="managerLoginSubmit">LOGIN</button>
            </div>
            </div>
        </form>

    </div>
    <div id="register">
    <h2>Contact Your Company For A Manager Account</h2>

    </div>
    <div id="foot">
    <h2>
        Or login with some other accounts
    </h2>
        <div id="iconlist">

            <div id="ins"></div>
            <div id="google"></div>
            <div id="facebook"></div>
        </div>
    </div>
</div>
<!--pub-->
<script src="../../node_modules/jquery/dist/jquery.js"></script>
<script src="../../node_modules/js-cookie/src/js.cookie.js"></script>
<script src="../../node_modules/bootstrap/dist/js/bootstrap.js"></script>
<!--pub-->
<script src="../javascripts/managerLogin.js"></script>
</body>
</html>